﻿@{
    ViewBag.Title = "Avaliação online";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section head{
<script src="@Url.Content("~/scripts/jquery.countdown.min.js")" type="text/javascript"></script>
<script type="text/javascript">
    var agora = @ViewData["HoraAgora"];
    var proxima = @ViewData["HoraProximaAvaliacao"];
    var temProx = true;
    var data = proxima;

    $(function () {
   
        $("#countdownlabel").text('A sua avaliação inicia em ');
        if (proxima == null){
            temProx = false;
            data = agora;
            $("#countdownlabel").text('Hora Atual:');
        }

        setCountdown();

        setInterval(function () {
            if (temProx)
                data = new Date(data.getTime() - 60000);
            else
                data = new Date(data.getTime() + 60000);

            setCountdown();    
        }, 60000);
    });

    setCountdown = function(){
        if (temProx){
            var msg = ""
            if (data.getHours()>0)
                msg = data.getHours() + ' hora(s) e ';

            $("#countdown").text(msg + data.getMinutes() + ' minuto(s)');
            if (data.getHours()==0 && data.getMinutes()==0){
                location.href=location.href;
            }
        }else{
            if (data.getMinutes().toString().length == 1){
                $("#countdown").text(data.getHours() + ':' + "0" + data.getMinutes());
            }
            else{
                $("#countdown").text(data.getHours() + ':' + data.getMinutes());
            }
        }
    }

    $(function () {
        $("#message").dialog({
            modal: true,
            title: "Mensagem",
            width:400,
            height:260,
            buttons: {
                Ok: function () {
                    location.href = '@Url.Action("Index", "Sair")';
                }
            },
            beforeClose: function(){
                location.href = '@Url.Action("Index", "Sair")';
            }
        });
    });
</script>
}
<div class="span-6">
    @if (@ViewData["LogotipoCliente"] != "")
    {
    <img src="@ViewData["LogotipoCliente"]" />
    }
</div>
<div class="span-12 avaliacao-titulo">
    &nbsp;
</div>
<div class="span-6 last usuario-nome" style="text-align:right;">
    @Session["NomeCliente"]
    <br />
    <a href="@Url.Action("Index", "Sair")">Sair</a>
</div>
<div class="clear"></div>

<div id="message" style="display:none;">
Caro, @Session["NomeCliente"]<br /><br />
Sua avaliação ainda não está disponível.
<br /><br />
O início da prova está marcado para as  
@ViewData["AvaliacaoHoraInicial"] h, horário de Brasília.
<br /><br />
Tente novamente em @ViewData["AvaliacaoHoraInicialDiferenca"] minutos.
</div>
<div class="ui-widget ui-widget-content ui-corner-all questao-container" style="display:none;">
    <span class="questao-titulo">
    No momento não existem avaliações disponíveis.<br />
    Por gentileza verifique no email da avaliação a data e horário da avaliação (horário de brasília).<br />
    <span style="color:maroon;"><span id="countdownlabel"></span> <span id="countdown"></span></span><br />
    Caso esteja tudo ok, envie um email para <a href="mailto:helpdesk@grupocomunique.com.br">helpdesk@grupocomunique.com.br</a> informando:<br />
    <ul>
    <li>Qual a sua empresa;</li>
    <li>Qual a sua avaliação;</li>
    <li>Seu nome completo;</li>
    <li>Seu login de acesso;</li>
    <li>Telefone para contato.</li>
    </ul>
    Aguarde o nosso contato. Obrigado. <br />
    </span>
</div>
